<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


	<br />
	<h:form>
		<div class="tituloSec">
			<h:outputText value="Crear usuario" />
		</div>
		<br />
		<h:panelGrid columns="4" style="width:100%" id="panelCampos" border="0" styleClass="tablaGenerica">
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Usuario" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudUsuarioBean.valorActual.usuario}" />
					<h:outputText value="Email" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudUsuarioBean.valorActual.email}" />	
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Clave" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudUsuarioBean.valorActual.clave}" />
					<h:outputText value="Tipo usuario" styleClass="txtUnoVin" />
					<h:selectOneMenu styleClass="combo"
						value="#{crudUsuarioBean.valorActual.PTipoUsuario}">
						<f:selectItems value="#{cacheParametrosBean.tiposUsuariosList}" />
					</h:selectOneMenu>	
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Nombres" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudUsuarioBean.valorActual.nombres}" />
					<h:outputText value="Estado" styleClass="txtUnoVin" />
					<h:selectOneMenu styleClass="combo"
						value="#{crudUsuarioBean.valorActual.estado}">
						<f:selectItems value="#{cacheParametrosBean.estadosList}" />
					</h:selectOneMenu>	
				</h:panelGrid>
			</h:panelGroup>
			
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Apellidos" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudUsuarioBean.valorActual.apellidos}" />
				</h:panelGrid>
			</h:panelGroup>
			
			<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					
		</h:panelGrid>

		<div align="right">
			<h:panelGrid columns="2">
				<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" value="Guardar" action="#{crudUsuarioBean.doSave}" render="panelCampos,tablaResultados">


					</a4j:commandButton>

				</h:panelGroup>
				<h:panelGroup>
					<a4j:commandButton styleClass="botonLimpiar" value="Limpiar" action="#{crudUsuarioBean.doClean}" render="panelCampos,tablaResultados">

					</a4j:commandButton>

				</h:panelGroup>


			</h:panelGrid>

		</div>
		<br />

		<rich:dataTable id="tablaResultados" styleClass="tablas"
			rowClasses="impar,par" rows="5"
			value="#{crudUsuarioBean.listaSimple}" style="width:100%"
			iterationStatusVar="varkey" var="fila">
			
			
			<rich:column style="width:35%">
				<f:facet name="header">
					<h:outputText value="ID" />
				</f:facet>
				<h:outputText value="#{fila.id}" />
			</rich:column>

			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Usuario" />
				</f:facet>
				<h:outputText value="#{fila.usuario}" />
			</rich:column>

			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Clave" />
				</f:facet>
				<h:outputText value="#{fila.clave}" />
			</rich:column>

			<rich:column style="width:40%">
				<f:facet name="header">
					<h:outputText value="Nombres y Apellidos" />
				</f:facet>
				<h:outputText value="#{fila.nombres} #{fila.apellidos}" />
			</rich:column>

			<rich:column style="width:20%">
				<f:facet name="header">
					<h:outputText value="Email" />
				</f:facet>
				<h:outputText value="#{fila.email}" />

			</rich:column>

			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Tipo de Usuario" />
				</f:facet>
				<h:outputText value="#{fila.PTipoUsuario}" />

			</rich:column>

			<rich:column style="width:5%">
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<h:outputText value="#{fila.estado}" />

			</rich:column>

			<rich:column style="width:5%">
				<f:facet name="header">
					<h:outputText value="Acciones" />
				</f:facet>
				<div align="center">
					<h:panelGrid columns="2">
						<h:panelGroup>
							<a4j:commandButton styleClass="botonModificar" value=" " action="#{crudUsuarioBean.doEditable}" render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Modificar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudUsuarioBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
						<h:panelGroup>
							<a4j:commandButton styleClass="botonEliminar" value=" " action="#{crudUsuarioBean.doDeleted}" render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Eliminar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudUsuarioBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
					</h:panelGrid>
				</div>
			</rich:column>

            <f:facet name="footer">
                  <rich:dataScroller id="paginadorResultados" />
            </f:facet>
		</rich:dataTable>
		
	</h:form>

</ui:composition>
